<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>发肤下载</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
</head>
<style>
    *{
        margin: 0;
        padding:0;
    }
    .mainPart{
        background-image:url(../images/downLoadBg.png)  ;
        overflow: hidden;
    }
    .downLoadLogo{
        display: block;
        margin:80px auto 0;
        width:17.96%;
    }
    .slogan{
        display: block;
        margin:26px auto 0;
        width:77.65%;
    }
    .clickDownLoad{
        display: block;
        margin:64px auto 0;
        width:53.59%;
    }
    .hand_img{
        display: block;
        margin-top:58px ;
        margin-right:-12% ;
        float: right;
        width:87%;
    }
</style>
<body>
<section class="mainPart">
<img src="../images/downLoadLogo.png" class="downLoadLogo">
    <img src="../images/slogan.png" class="slogan">
    <img src="../images/clickDownLoad.png" class="clickDownLoad">
    <img src="../images/hand_img.png" class="hand_img">
</section>
<script src="../ExternalJs/jquery-2.2.4.min.js"></script>
<script src="../js/conmon.js"></script>
<script>
    $(document).ready(function(){
        var $height = $(window).height();
        var mainPart = $(".mainPart");
        mainPart.css("height",$height);
    });
    //下载动画与跳转
    $(document).ready(function(){
        var clickDownLoad = $(".clickDownLoad");
        clickDownLoad.on({
            touchstart:function(){
                clickDownLoad.attr("src","../images/clickup.png");
            },
            touchend:function(){
                clickDownLoad.attr("src","../images/clickDownLoad.png");
            }
        })
        //预留下载地址
        clickDownLoad.click(function(){
            setTimeout(jump(),2000);
        })
        function jump(){
            var ua = navigator.userAgent.toLowerCase();
            if (/iphone|ipad|ipod/.test(ua)) {
                location.href=sessionStorage.ios;
            } else if (/android/.test(ua)) {
                location.href=sessionStorage.android;
            }
        }
    });
</script>
</body>
</html>